<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS 颜色值</title>
</head>
<body>

<p>与颜色名称 "Tomato" 等同：</p>

<h1 style="background-color: rgb(255, 99, 71);">rgb(255, 99, 71)</h1>

<h1 style="background-color: #ff6347;">#ff6347</h1>

<h1 style="background-color: hsl(9, 100%, 64%);">hsl(9, 100%, 64%)</h1>

<p>与颜色名称 "Tomato" 等同，但是有 50% 透明度：</p>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">rgba(255, 99, 71, 0.5)</h1>

<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">hsla(9, 100%, 64%, 0.5)</h1>

<p>除了预定义的颜色名称之外，还可以使用 RGB、HEX、HSL 指定颜色，甚至可以使用 RGBA 或 HSLA 颜色值指定带透明度的颜色。</p>

</body>
</html>